<html>
<head>
<script src="./js/prototype.js" type="text/javascript"></script>
<script src="./js/scriptaculous.js"></script>
<script language="javascript">
function timer_tick()
{
	var div_scrptholder=document.getElementById('scriptholder');
	div_scrptholder.innerHTML="";
	var scrpt=document.createElement("script");
	scrpt.src="./getactivity?q=markandey&callback=setinfo";
	div_scrptholder.appendChild(scrpt);
	
}
function setinfo(data)
{
	var div_info=document.getElementById("info");
	var newstyle='background:#00ff00;width=20px;height:'+data.index+'px;';
	$('info').morph(newstyle);
	var div_img=document.getElementById('user_image');
	div_img.src=data.pic;
	
	m.height
}
setInterval(timer_tick,5000);
</script>
</head>
<body>
<div id="user_info">
	<img id="user_image"/>
<div id="info" style="width:20px; height:100px; background:#c2defb; border:1px solid #333;">
</div>
<label id="username"></label>
</div>
<div id="scriptholder">

</div>
<script>
new Draggable('user_info');
</script>
</body>
</html>